<!doctype html>
<html lang="">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>北塔软件</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta content="telephone=no" name="format-detection" />
      <link rel="apple-touch-icon" href="../static/assets/images/favicon.png" type="image/x-icon">
      <link rel="icon" href="../static/assets/images/favicon.png" type="image/x-icon">
      <link rel="stylesheet" href="../static/assets/css/font-awesome.min.css">
      <link rel="stylesheet" href="../static/assets/css/animation.css">
      <link rel="stylesheet" href="../static/assets/css/base.css">
      <link rel="stylesheet" href="../static/assets/css/website-page.css">
      <link rel="stylesheet" href="../static/assets/css/admin-page.css">
      <link rel="stylesheet" href="../static/assets/css/style.css">
      <script src="../static/assets/js/jquery.js"></script>
      <script src="../static/assets/js/cropper.min.js"></script>
   </head>
   <body>
      <header id="header" class="header pr" role="banner">
         <nav class="header-navbar" role="navigation"><!-- 滚动条往下滚动页面的时候头部固定效果 加类名fixed-top-->
            <div class="navbar-top">
               <div class="container clearfix">
                  <div class="navbar-left fl">
                     <div>欢迎来到BTSO3.0主题网站 <span class="ml20"><i class="fa fa-phone mr5"></i>技术服务热线：400-820-7719</span></div>
                  </div>
                  <div class="navbar-right fr">
                    <span class="navbar-login">
                      <a href="login.html"><i class="fa fa-user mr5"></i>登录</a>
                      <a href="phone-register.html"><i class="fa fa-sign-in mr5 ml20"></i>注册</a>
                    </span>
                    <!-- 登录后状态 去掉none即可-->
                    <span class="navbar-user none"><i class="fa fa-user mr10"></i>张三<i class="fa fa-caret-down ml5"></i></span>
                  </div>
               </div>
            </div>
            <div class="sticky-wrapper nav-bgcol">
               <div class="container">
                  <div class="navbar-header clearfix pr">
                     <button type="button" id="navbar-phone" class="navbar-toggle navbar-btn btn-icon btn-circle pull-right collapsed">
                        <span class="fa fa-reorder"></span>
                     </button>
                     <a class="navbar-brand" href="index.html"><img src="../static/assets/images/logo.png" alt=""></a>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-search"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-shopping-cart"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-pencil-square-o"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-bell"></i></button>
                     <ul class="navbar-navphone none"> <!-- navbar-phone该层点击的时候toggle none -->
                       <li><a href="../index.html">首页</a></li>
                       <li class="pr">
                        <a href="#">产品中心</a>
                        <ul class="">
                          <li>
                            <a class="dropdown-item" href="static-index.html">北塔BTSO 智慧运维平台</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="industry-case.html">北塔BTDO 业务保障系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="data-download.html">北塔BTSM IT服务管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="#">北塔BTIM IT综合管理软件</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="trial-apply.html">北塔BTRM IT资源管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-contrast.html">北塔BTDM 数据流分析系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">EMonitor 监控管家</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTCM IT运维集中管理软件</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTNM 网络运维管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTDP</a>
                          </li>
                        </ul>
                      </li>
                      <li>
                        <a href="product-404.html" class="dropdown-toggle">解决方案</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">注册管理</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">互动社区</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">技术支持</a>
                      </li>
                      <li>
                        <a href="admin-index.html" class="dropdown-toggle">用户中心</a>
                      </li>
                    </ul>
                  </div>
                  <div class="collapse navbar-collapse" id="main-navbar-container">
                    <ul class="nav navbar-nav pr hidden-md">
                      <li class="">
                        <a href="../index.html" class="dropdown-toggle">首页<em>/</em></a>
                      </li>
                      <li class="dropdown active">
                        <a href="product-center.html" class="dropdown-toggle">产品中心<em>/</em></a>
                        <div class="nav-menu-area clearfix">
                          <ul class="single-mega-item">
                            <li class="block">IT监控</li>
                            <li><a href="common-problem.html">BTSO北塔智慧运维平台软件</a></li>
                            <li><a href="#">BTVD北塔视频质量诊断软件</a></li>
                          </ul>
                          <ul class="single-mega-item">
                            <li class="block">IT管理</li>
                            <li><a href="#">BTSM北塔服务管理软件</a></li>
                            <li><a href="#">BTAM北塔IT资产管理系统</a></li>
                            <li><a href="#">BTRM北塔IT资源管理系统</a></li>
                            <li><a href="#">Portal北塔运维门户组件</a></li>
                          </ul>
                        </div>
                      </li>
                      <li>
                        <a href="product-404.html" class="dropdown-toggle">解决方案<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">注册管理<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">互动社区<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">云端百货<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">技术支持<em>/</em></a>
                      </li>
                      <li>
                        <a href="admin-index.html" class="dropdown-toggle">用户中心</a>
                      </li>
                    </ul>
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="消息" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i></button>
                    </div>
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="购物车" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-shopping-cart"></i></button>
                    </div>
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="反馈" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-pencil-square-o"></i></button>
                    </div>
                    <div class="dropdown hidden-sm hidden-xs btn-search pr"><!-- 点击搜索按钮加类名active -->
                      <button type="button" title="搜索" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-search"></i></button>
                      <div class="search-box">
                        <input type="text" class="search-input">
                        <i class="fa fa-arrow-circle-o-right"></i>
                      </div>
                    </div>
                  </div>
               </div>
            </div> 
         </nav>
      </header>
      <section class="section-menu">
        <div class="container clearfix">
          <span class="menu-left-tit">BTSO3.0 北塔智慧运维平台</span>
          <ul class="section-menu-ul">
            <li><a href="btso_reposition.html"><i class="menu-icon2"></i>产品定位</a></li>
            <li><a href="btso_advantage.html"><i class="menu-icon3"></i>产品优势</a></li>
            <li><a href="btso_introduction.html"><i class="menu-icon4"></i>功能介绍</a></li>
            <li><a href="common-problem.html"><i class="menu-icon5"></i>常见问题</a></li>
            <li><a href="btso_used.html"><i class="menu-icon6"></i>典型用例</a></li>
          </ul>
        </div>
      </section>
      <section class="breadcrumb_item">
        <div class="container">
          <span>当前位置：</span>
          <span class="layui-breadcrumb">
            <a href="/">基础平台</a>
            <span class="layui-box">&gt;</span>
            <a class="bread-cite"><cite>试用申请</cite></a>
          </span>
        </div>
      </section>
      <div class="problem-rightbox">
        <div class="problem-rightop pr">
          <span class="problem-righticon"><i class="fa fa-commenting"></i></span>
          <a href="#" class="rightfloat">产品做什么</a>
          <a href="#" class="rightfloat">解决什么问题</a>
          <a href="#" class="rightfloat">目标客户群</a>
          <a href="#" class="rightfloat">试用范围</a>
        </div>
        <div class="problem-rightbot">
          <a href="#" class="rightfloat">资料下载</a>
          <a href="trial-apply.html" class="rightfloat">点击试用</a>
          <a href="#" class="rightfloat">产品建议</a>
          <a href="#" class="rightfloat">联系我们</a>
        </div>
      </div>
      <section class="trial-section bg-white pb30">
        <div class="container problem-container">
          <h2 class="section4-title animated fadeInUp animation-delay-4 pt20">BTSO3.0试用申请</h2>
          <div class="trial-applybox">
            <div class="trail-applytxt">
              <h3 class="trial-titxt">试用申请流程声明：</h3>
              <p>当前您选择的试用产品，需要厂商上门安装，且安装范围仅限服务覆盖区域。</p>
              <p>为申请试用的有效性，请先确认贵司是否符合该产品试用所需最低配置部署环境，并且确保填写真实企业信息及设备信息，</p>
              <p>提交完成，我们会有客服人员电话与您联系，并预约上门安装时间，请保持电话通畅。</p>
            </div>
            <div class="trail-applytxt">
              <h3 class="trial-titxt">您当前选择试用的产品</h3>
              <div class="trial-applyitem">
                <input type="text" class="form-control disabled" readonly value="BTSO3.0">
                <span class="c_red ml5">此产品适用于厂商上门安装（仅限服务覆盖区域）</span>
              </div>
              <div class="trial-applyitem mt15">
                <textarea name="" id="" class="form-control disabled" readonly>不同产品的最低要求，入多少CPU等，信息根据所选产品，自动调用后台默认配置的内容</textarea>
                <label class="trial-checktxt"><input type="checkbox">确认能够提供以上最低配置部署环境</label>
              </div>
            </div>
            <div class="trail-applytxt trail-dashborder">
              <div class="trail-uploadbox">
                <span class="mr20">环境监测工具</span>
                <a href="javascript:;" class="btn btn-blue">免费下载</a>
                <span class="c_red ml10">*仅提供windows操作系统的在线使用申请。</span>
              </div>
              <div class="trail-uploadbox mt20">
                <span class="upload-span mr20">上传监测报告</span>
                <form action="../static/assets/upload" class="dropzone needsclick apply-file-upload pr" id="dropzone-demo">
                  <div class="dz-message needsclick state">
                    <i class="fa fa-cloud-upload"></i>
                    <div class="note needsclick">拖拽文件到此处或点击选择上传文件</div>
                  </div>
                  <div class="dz-message needsclick loading none"><!-- 正在上传状态 -->
                    <div class="sk-circle">
                      <div class="sk-circle1 sk-child"></div>
                      <div class="sk-circle2 sk-child"></div>
                      <div class="sk-circle3 sk-child"></div>
                      <div class="sk-circle4 sk-child"></div>
                      <div class="sk-circle5 sk-child"></div>
                      <div class="sk-circle6 sk-child"></div>
                      <div class="sk-circle7 sk-child"></div>
                      <div class="sk-circle8 sk-child"></div>
                      <div class="sk-circle9 sk-child"></div>
                      <div class="sk-circle10 sk-child"></div>
                      <div class="sk-circle11 sk-child"></div>
                      <div class="sk-circle12 sk-child"></div>
                    </div>
                    <div class="note needsclick">正在上传文件...</div>
                  </div>
                  <div class="dz-message needsclick error none"><!-- 上传错误状态 -->
                    <i class="fa fa-times-circle"></i>
                    <div class="note needsclick">上传失败！</div>
                  </div>
                  <div class="dz-message needsclick success none"><!-- 上传成功状态 -->
                    <i class="fa fa-check-circle"></i>
                    <div class="note needsclick">上传成功！</div>
                  </div>
                  <input name="file" type="file" class="fallback-upload">
                </form>
                <span class="c_red ml10 upload-span">*上传从环境监测工具下载的结果报告。</span>
              </div>
            </div>
            <div class="trail-applytxt">
              <h3 class="trial-titxt">企业信息</h3>
              <form>
                <ul class="trial-formul clearfix">
                  <li class="nofloat">
                    <label>公司名称：</label>
                    <input type="text" class="form-control">
                    <span>*</span>
                  </li>
                  <li class="nofloat">
                    <label>公司地址：</label>
                    <input type="text" class="form-control">
                    <span>*</span>
                  </li>
                  <li>
                    <label>姓名：</label>
                    <input type="text" class="form-control">
                    <span>*</span>
                  </li>
                  <li>
                    <label>手机：</label>
                    <input type="text" class="form-control">
                    <span>*</span>
                  </li>
                  <li>
                    <label>职务：</label>
                    <input type="text" class="form-control">
                    <span>*</span>
                  </li>
                  <li>
                    <label>企业邮箱：</label>
                    <input type="text" class="form-control">
                    <span>*</span>
                  </li>
                </ul>
              </form>
              <div class="trial-formcheck">
                <div class="formcheck-box">
                  <span>管理对象类型：</span>
                  <div class="trial-checkboxitems">
                    <label><input type="checkbox">网络类型</label>
                    <label><input type="checkbox">主机</label>
                    <label><input type="checkbox">数据库</label>
                    <label><input type="checkbox">中间件</label>
                    <label><input type="checkbox">存储设备</label>
                    <label><input type="checkbox">虚拟化</label>
                    <label><input type="checkbox">其他</label>
                  </div>
                </div>
                <div class="formcheck-box">
                  <span>管理对象总数量：</span>
                  <div class="trial-checkboxitems">
                    <label><input type="radio" name="radio">100以下</label>
                    <label><input type="radio" name="radio">100-1000</label>
                    <label><input type="radio" name="radio">1000-2000</label>
                    <label><input type="radio" name="radio">2000以上</label>
                  </div>
                </div>
            </div>
          </div>
          <div class="trail-applytxt">
            <h3 class="trial-titxt">主要关心那些管理方面</h3>
            <textarea type="text" class="form-control trial-textarea"></textarea>
          </div>
          <div class="trail-applytxt">
            <h3 class="trial-titxt">用过的北塔产品</h3>
            <div class="trial-checkboxitems">
              <label><input type="checkbox">北塔BTIM</label>
              <label><input type="checkbox">北塔BTNM</label>
              <label><input type="checkbox">北塔BTSO</label>
              <label><input type="checkbox">北塔BTDO</label>
              <label><input type="checkbox">其他</label>
            </div>
          </div>
          <div class="trail-applytxt">
            <label>验证码：</label>
            <input type="text" class="form-control trial-code" placeholder="请输入验证码">
            <span class="input-code"><img src="../static/assets/images/captcha.jpg" alt=""></span>
          </div>
          <div class="trial-button">
            <a href="javascript:;" class="btn btn-gray">重置</a>
            <a href="javascript:;" class="btn btn-blue">提交申请</a>
          </div>
        </div>
        </div>
      </section>
      <footer class="footer">
        <div class="footer-copyright">
          <div class="container clearfix">
            <div class="foot-logo">
              <img src="../static/assets/images/logo_foot.png" alt="">
            </div>
            <div class="foot-right fr">
              <ul class="copyright-menu clearfix">
                <li><a href="#">法律声明</a></li>
                <li>|</li>
                <li><a href="#">关于北塔</a></li>
                <li>|</li>
                <li><a href="#">联系我们</a></li>
                <li>|</li>
                <li><a href="#">会员权益介绍</a></li>
                <li>|</li>
                <li><a href="#">管理员创建</a></li>
                <li>|</li>
                <li><a href="#">返回首页</a></li>
              </ul>
              <div class="copyright-txt">
                <span>2001-2018 © 上海北塔软件股份有限公司版权所有</span>
                <span class="ml20">沪ICP备09033812号</span>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <div class="scroll-top">
        <i class="fa fa-angle-up"></i>
      </div>
      <script>
      $(function(){
        var dashboard = document.getElementById("dropzone-demo")
        dashboard.addEventListener("dragover", function (e) {
          e.preventDefault();
          e.stopPropagation();
        });
        dashboard.addEventListener("dragenter", function (e) {
          e.preventDefault();
          e.stopPropagation();
        });
        dashboard.addEventListener("drop", function (e) {
          // 必须要禁用浏览器默认事件
          e.preventDefault();
          e.stopPropagation();
          $(".dz-message.loading").removeClass("none");
          $(".dz-message.state").addClass("none");
          setTimeout(function(){
            $(".dz-message.loading").addClass("none");
            $(".dz-message.error").removeClass("none");
          },1000);
          
        });

        $(".fallback-upload").on("change",function(){//
          $(".dz-message.loading").removeClass("none");
          $(".dz-message.state").addClass("none");
          setTimeout(function(){
            $(".dz-message.loading").addClass("none");
            $(".dz-message.success").removeClass("none");
          },1000);
        });
      });
   </script>
   </body>
</html>